import React from "react";
// import { RouteObject } from "react-router-dom";
import Home from "../pages/Home";
import About from '../pages/About';
import AboutDetail from '../pages/About/AboutDetail';
import AboutList from '../pages/About/AboutList';
import TodoList from '@/pages/TodoList';

const routes = [
    {
        path: "/",
        element: <Home />
    }, {
        path: '/about',
        element: <About />,
        children: [
            {
                index: true,
                // path: '/about/list',
                element: <AboutList />
            }, {
                path: ":id",
                element: <AboutDetail />
            }
        ]
    }, {
        path: '/todoList',
        element: <TodoList />
    }
];
  
export default routes;